@charset "utf-8";

.hdp {
    float:left;
    width:1171px;
    padding-left:1px;
    overflow:hidden;
}
.hdp-main {position: relative;}
.hdp-main a, .hdp-main img { display: block; width: 100%; height: 100%;}
.hdp-main img{ }
.hdp-main .hdp-list {width: 1172px;height: 500px;}
.hdp-main .hdp-list .hdp-item { width: 200px;height: 500px;position: absolute;left: 0; top: 0;}
.hdp-main .hdp-btn {position: absolute; top: 0;cursor: pointer;filter: opacity(.5) brightness(1);}
.hdp-main .hdp-btn:hover{ filter: opacity(1) brightness(2); }
.hdp-main .hdp-prev-btn {left: 0;background: url("../img/btn_left.png") no-repeat center center;}
.hdp-main .hdp-next-btn {right: 0;background: url("../img/btn_right.png") no-repeat center center;}
.hdp-item-title{width:90%;font-size: 18px;text-align: center; height: 48px; line-height: 48px;display: block; background: url("../img/hdp_tit_bg.png") repeat ;  color: #fff; text-align: left; padding:0 5%; position: absolute;  top:402px;  overflow: hidden;}

.headline {
    float:left;
    padding:14px;
    background:#f5f5f5 url("../img/headline_bg.png") right top no-repeat;
    min-height:100px;
}
.headline h2 {
    text-align:center;
    line-height:40px;
    font-size:24px;
    font-weight:normal;
}
.headline .txt {
    line-height:36px;
    padding-right:40px;
    padding-top:10px;
    font-size:18px;
    color:#666666;
}
.headline p {
    text-align:right;
    margin-right:14px;

}
.headline p a {
    color:#1685db;
}
.headline p a:hover {
    color:#ff7300;
}
.news {
    float:left;
    width:100%;
    overflow:hidden;
}
.news_l {
    float:left;
    width:720px;
}
.news_l img {
    width:720px;
    height:400px;
}
.news_hdp .swiper-pagination {
    bottom: 20px;
    left:300px;
}
.news_hdp .swiper-slide .tit-bg {
    height:50px;
    background:#000000;
    width:720px;
    opacity: 0.6;
    position: absolute;
    bottom:6px;
}
.news_hdp .swiper-slide .tit-txt {
    height:50px;
    line-height:50px;
    width:700px;
    padding-left:20px;
    position: absolute;
    bottom:6px;
    color:#ffffff;
    font-size:18px;
}
.news_hdp .swiper-pagination-bullet {
    width:12px;
    height:12px;
    background:#ffffff;
    opacity: 0.8;
}
.news_hdp .swiper-pagination-bullet-active{background:#ff7300}

.news_r {
    float:left;
    width:438px;
    margin-left:14px;
}
.news_tab .tab_title {
    background:#ebebeb;
    height:50px;
    line-height:50px;
}
.news_tab .tab_title dt {
    float:left;
    width:219px;
    text-align:center;
    font-size:18px;
}
.news_tab .tab_title dt.tab_show {
    background:#1685db;
    color:#ffffff;
}
.news_tab .tab_title dt.tab_show a {
    color:#ffffff;
}
.news_tab .tab_title dt.hover {
    background:#1685db;
    color:#ffffff;
}
.news_tab .tab_title dt.hover a {
    color:#ffffff;
}
.news-li {
    width:438px;
    background:#f5f5f5;
    height:66px;
    margin-top:20px;

}
.news-li-l {
    float:left;
    width:64px;
    height:60px;
    padding-top:4px;
    background:#ff7300;
    color:#ffffff;
    text-align:center;
}
.news-li-l b {
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-weight:normal;
    line-height:36px;
    font-size:24px;
}
.news-li-r {
    float:left;
    width:350px;
    font-size:16px;
    line-height:66px;
    height:60px;
    padding-left:14px;
    overflow:hidden;
}
.index-tong {
    float:left;
    width:100%;
    overflow:hidden;
}
.index-tong img {
    width:100%;
    height:auto;
}

.index-wrap-a {
    float:left;
    width:100%;
    overflow:hidden;
}
.index-wrap-a .tit {
    float:left;
    width:1172px;
}
.index-wrap-a-l {
    float:left;
    width:840px;
}

.index-txt-box {

}
.index-txt-box li {
    float:left;
    font-size:16px;
    width:100%;
}

.index-txt-box li a {
    width: 100%;
    float: left;
    height:40px;
    line-height: 40px;
    /*display: flex;*/
    /*align-items: center;*/
    /*justify-content: center;*/
    /*flex-flow: column;*/
}
.index-txt-box li a .fl{
    float:left;
    width:86%;
    padding-left: 12px;
    position: relative;
    color: #333;
    transition: all .6s;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.index-txt-box li a .fl::after {
    content: '';
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 6px solid #888;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -5px;
    transition: all .6s;
}
.index-txt-box li a .fr {
    float:right;
    font-size:14px;
}
/*.index-txt-box li a:hover{ background: #e7f3fc;}*/
.index-txt-box li a:hover .fl,.index-txt-box li a:hover .fr{ color: #1685db;}
.index-txt-box li a:hover .fl::after{ border-left-color: #1685db;}

.index-wrap-a-r {
    float:left;
    margin-left:20px;
    width:312px;
}
.index-pic-box {
    float:left;
    width:312px;
    position:relative;
}
.index-pic-box img {
    width:312px;
    height:auto;
}

.index-pic-box-tit-bg {
    height:50px;
    background:#000000;
    width:100%;
    opacity: 0.6;
    margin: 0;
    position: absolute;
    bottom:5px;

}
.index-pic-box p {
    width:100%;
    position: absolute;
    line-height:50px;
    height:50px;
    overflow:hidden;
    text-align:center;
    bottom:5px;
    font-size:16px;
}
.index-pic-box p a {
    color:#ffffff;
}

.index-wrap-b {
    float:left;
    width:100%;
    overflow:hidden;
}
.index-wrap-b .tit {
    float:left;
    width:1172px;
}
.index-wrap-b-l {
    float:left;
    width:312px;
}
.index-wrap-b-r {
    float:left;
    margin-left:20px;
    width:840px;
}
.index-wrap-b {
    float:left;
    width:100%;
    overflow:hidden;
}

.index-wrap-c {
    float:left;
    width:100%;
    overflow:hidden;
}
.index-wrap-c .tit {
    float:left;
    width:1172px;
}
.index-quick-box {
    width:1172px;
    display:flex;
    flex-flow:wrap;
    justify-content:space-between;
    box-sizing:border-box;
}
.index-quick-box-li {
    /*flex-grow: 1; !* 让所有子元素平分剩余空间 *!*/
    /*flex-shrink: 1; !* 保持子元素宽度不变 *!*/
    margin-left:14px;
}
.index-quick-box .index-quick-box-li:first-child {
    margin-left:0px;
}
.index-quick-box-li p {
    height:50px;
    line-height:50px;
    font-size:16px;
    text-align:center;
    color:#ffffff;
    border-bottom:#ffffff 1px solid;
}

.index-wrap-d {
    float:left;
    width:100%;
    overflow:hidden;
}
.index-wrap-d .tit {
    float:left;
    width:1172px;
}
.index-expert {
    float:left;
    width:1172px;
}
.expert-box {
    padding-left:29px;
}
.expert-box-in {
    margin-top:50px;
    margin-right:28px;
    background:#f5f5f5;
    height:190px;
    padding-top:60px;
    border-radius:20px;
    text-align:center;
}
.expert-face {
    width:208px;
    position:absolute;
    top:0px;
    text-align:center;
}
.expert-box-in img {
    width:88px;
    height:88px;
    border-radius:88px;
    box-shadow:3px 3px 3px rgb(0,0,0,0.4);
    -moz-box-shadow:3px 3px 3px rgb(0,0,0,0.4);
    -webkit-box-shadow:3px 3px 3px rgb(0,0,0,0.4);

}
.expert-box-in .expert-title {
    font-size:18px;
}
.expert-box-in .expert-info {
    padding:20px;
    text-align:justify;
    color:#666666;
    line-height:28px;
    max-height:100px;
    overflow:hidden;
}

.expert-button-prev {
    height:80px;
    width:30px;
    color: #ffffff !important;
    background: #cccccc !important;
    left:0px;
}
.expert-button-prev::before {
    font-family: 宋体;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 42px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.expert-button-next {
    height:80px;
    width:30px;
    color: #ffffff !important;
    background: #cccccc !important;
    right:0px;
}
.expert-button-next::before {
    font-family: 宋体;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 42px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}


.index-wrap-e {
    float:left;
    width:100%;
    overflow:hidden;
}
.index-wrap-e .tit {
    float:left;
    width:1172px;
}
.index-pics-box {
    float:left;
    width:1172px;
}
.index-pics-box .swiper-slide{
    /*display:inline-block;*/
    /*vertical-align:top;*/
}
.index-pics-box .pic {
    width:100%;
    height:230px;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:50%;
    transition:all .2s
}
.index-pics-box .title {
    height:40px;
    line-height:40px;
    text-align:center;
    font-size:16px;
}
.pics-button-prev {
    color: #ff7300 !important;
    background: none!important;
}
.pics-button-prev::before {
    font-family: 宋体;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 42px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.pics-button-next {
    color: #ff7300 !important;
    background: none!important;
}
.pics-button-next::before {
    font-family: 宋体;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 42px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.index-wrap-f {
    float:left;
    width:100%;
    overflow:hidden;
}
.index-wrap-f .tit {
    float:left;
    width:1172px;
}
.index-flink {
    float:left;
    width:100%;
    padding-bottom:14px;
}
.index-flink li {
    float:left;
    width:25%;
    line-height:36px;
    font-size:16px;
}

.index-r-quick {
    float:left;
    margin-top:10px;
    width:288px;
    height:260px;
    background:#fcf1e7;
    padding:12px;
    padding-top:0px;
}
.index-r-quick li {
    float:left;
    width:96px;
    text-align:center;
    margin-top:30px;
}
.index-r-quick li img {
    width:60px;
    height:60px;
}
.index-r-quick li p {
    font-size:16px;
}